<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div class="box" id="cont" title="这是title" src="这是div的src" href="http://www/baidu.com?div"></div>
    <a href="http://www.baidu.com" target="_blank">13123</a>
    <img src="../day09/1.jpg" alt="这是图片描述" title="这是图片标题">
</body>
<script>
    var obox = document.querySelector(".box");
    var oa = document.querySelector("a");
    var oimg = document.querySelector("img");

    // 对象操作内置的html属性
    // console.log(obox["className"]);
    // console.log(obox.className);
    // console.log(obox.id);
    // console.log(obox.title);
    // console.log(oa.href);
    // console.log(oa.target);
    // console.log(oimg.src);
    // console.log(oimg.alt);
    // console.log(oimg.title);

    // console.log(obox.src);
    // console.log(obox.href);



    // 方法操作自定义和内置的html属性
    // console.log(obox.getAttribute("src"));
    // console.log(obox.getAttribute("href"));

    // obox.setAttribute("a",10);
    // obox.setAttribute("b",20);
    // obox.setAttribute("c",30);

    // obox.removeAttribute("src");
    // obox.removeAttribute("b");

    // console.log(obox.getAttribute("id"))
    // console.log(oimg.getAttribute("src"))
    // console.log(oa.getAttribute("href"))


    // 对象操作js属性
    // console.log(obox.children);
    // ...
    // console.log(obox.tagName);
    



</script>
</html>